<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <h2>{{$store.state.a.count}}</h2>
    <!-- <h2>{{$store.state.abc.count}}</h2> -->
    <!-- count 点击加减,并不会改变这个组件,但是这个组件,能取到最初始的值 -->


    <el-select v-model="value1" multiple placeholder="请选择">
      <el-option
        v-for="item in options"
        :key="item.value"
        :label="item.label"
        :value="item.value">
      </el-option>
    </el-select>
    
  </div>
</template>

<script>

// import store from '@/vuex/store'

export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      options: [{
          value: '选项1',
          label: '黄金糕'
        }, {
          value: '选项2',
          label: '双皮奶'
        }, {
          value: '选项3',
          label: '蚵仔煎'
        }, {
          value: '选项4',
          label: '龙须面'
        }, {
          value: '选项5',
          label: '北京烤鸭'
        }],
        value1: [],
        formData: {
          domias:[{

          }]
        }
    }
  },
  created() {
    setTimeout(() => {
      console.log(this.value1,'value1');
    }, 10000);
  },
  store  //引入进来,记得在这里使用
  // store  //引入进来,记得在这里使用 如果main.js引入了,其他页面就不需要再单独引入了，直接使用
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
